<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/special/specialCommon.js"></script>
<script type="text/javascript" src="js/special/specialDetail.js"></script>
<title>Insert title here</title>
<style type="text/css">
	.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{line-height:1.42857143;vertical-align:center;border-top:1px solid #ddd}
	#title_show {
		position:absolute;
		display:none;
		border:solid 1px #999999;
		background:#edeef0;
	}
	.newline{
		width:100%;
		word-break:normal;
		display:block;
		white-space:pre-wrap;
		overflow:hidden;
	}
	div.slideBox div.tips div.nums div {
		width: 30px;
	    height: 30px;
	    background-color:  #FFFFFF ;
	    text-indent: 8px;
	    font-size: 20px ;
	}
	div.slideBox div.tips div.title span
	{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
	.carousel-inner{
		z-index: 1;
	}
	.carousel-control{
		z-index: 2;
		width:10px!important;
	}
	.alert{
		padding-left:30px!important;
		position: relative;
		min-height: 49px;
	}
	.alert .fa{
		position: absolute;
    	left: 12px;
    	top: 18px;
	}
	#depsAdvantageId a{
		font-weight: bold;
	}
</style>
</head>
<body>
	<div style="text-align:center;"><h4>临床专业专科建设概述</h4><h5 id="specDescId"></h5></div>
	<div class="row rowhcq">
        <div class="col-xs-12">
        <!-- 单个模块下包含二级模块，并且二级模块带标签页的，echarts+datatables左图右表示例 SCQ -->
            <div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-trophy"></i>建设水平</div>
                <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
                <div class="boxr">
                    <div class="sw">
                        <!-- 这里放置bootstrap的扩展控件：switch -->
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="tab-content" id="DRGsQuotaContent">
                    <div class="paddingd10">
                       	<div class="alert alert-info" role="alert">
                       		<i class="fa fa-lightbulb-o fa-lg"></i>
                       		<span id="specConsDescId"></span>
                       	</div>
                       	<div class="row">
                       		<div class="col-xs-8 col-xs-offset-2">
                       			<table id="specialDetailContrLevel" class="table table-striped table-bordered" >
		                       		<caption class="contaotalsccq" ></caption>
		                       		<thead><tr><td>评价维度</td><td>指标项</td><td>本期值</td><td>基准值</td><td>同期值</td><td>层级得分</td><td>专业得分</td></tr></thead>
		                       		<tbody></tbody>
		                       	</table>
                       		</div>
                       	</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<div class="row rowhcq">
        <div class="col-xs-12">
        <!-- 单个模块下包含二级模块，并且二级模块带标签页的，echarts+datatables左图右表示例 ECQ -->
          <div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-stethoscope"></i>诊疗全面性</div>
                <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
                <div class="boxr">
                    <div class="sw"></div>
                </div>
                <div class="clearfix"></div>
                <div class="tab-content">
                    <div class="paddingd10">
                    	<div class="alert alert-info" role="alert">
                       		<i class="fa fa-lightbulb-o fa-lg"></i>
                       		我院在<span class="specialDesc"></span>专业的诊治能力方面还有一定的进步空间，有<span id="notInDRGsCountId"></span>个DRG病组未覆盖<span id="notInADRGsId"></span>
                       	</div>
                       	<div class="row">
                       		<div class="col-xs-4">
                       			<table  id="specialDetailContr" class="table table-striped" width="100%">
		                       		<caption class="contaotalsccq" id="specialDetailContr_caption"></caption>
		                       		<thead><tr ><td>指标</td><td>本期值</td><td>同期增长</td></tr></thead>
		                       		<tbody></tbody>
		                       	</table>
                       		</div>
                       		<div class="col-xs-8">
                       			<table id="specialDetailContr1" class="table table-striped"  width="100%" style="white-space: nowrap; ">
		                       		<caption class="contaotalsccq" id="specialDetailContr1_caption"></caption>
		                       		<thead><tr ><td>DRG代码及描述</td><td>权重</td>
		                       		<td>平均住院日标杆</td><td>次均费用标杆</td><td>死亡风险等级</td></tr></thead>
		                       		<tbody></tbody>
		                       	</table>
                       		</div>
                       	</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<div class="row rowhcq">
        <div class="col-xs-12">
        <!-- 单个模块下包含二级模块，并且二级模块带标签页的，echarts+datatables左图右表示例 ECQ -->
          <div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-pie-chart"></i>DRG病组权重分布</div>
                <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
                <div class="boxr">
                    <div class="sw"></div>
                </div>
                <div class="clearfix"></div>
                <div class="tab-content" >
                	<div class="alert alert-info" role="alert">
                       	<i class="fa fa-lightbulb-o fa-lg"></i>
                		<span id="weightInterDesc"></span>
                	</div>
                    <div class="paddingd10">
                    	<div class="row">
                       		<div id="pie1" class="col-xs-6" style="height: 350px;">

                       		</div>
                       		<div id="pie2" class="col-xs-6" style="height: 350px;">

                       		</div>
                       	</div>
                       	<!-- <div id="pie1" style="width:350px;height: 350px;float: left;"></div>
                       	<div id="pie2" style="width:350px;height: 350px;float: left;margin-left: 20px;"></div> -->
                       	<table id="specialDetaildistribute" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info" >
                       		<caption class="contaotalsccq" >DRG病组权重区间分布表</caption>
                       		<thead><tr><td>权重区间</td><td>科室数</td><td>DRGs组数</td><td>理论DRGs组数</td><td>DRGs组数占比(%)</td><td>CMI值</td><td>病例数</td><td>病例数专业内占比(%)</td>
                       		<td>总权重</td><td>总权重专业内占比(%)</td><td>时间消耗指数</td><td>费用消耗指数</td><td>低风险死亡率(%)</td><td>中低风险死亡率(%)</td></tr></thead>
                       		<tbody></tbody>
                       	</table>
                    </div>
                </div>
            </div>
         </div>
    </div>
	<div class="row rowhcq">
        <div class="col-xs-12">
       <!-- 单个模块下包含二级模块，并且二级模块带标签页的，echarts+datatables左图右表示例 ECQ -->
          <div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-pie-chart"></i>DRG病组科室分布</div>
                <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
                <div class="boxr">
                    <div class="sw"></div>
                </div>
                <div class="clearfix"></div>
                <div class="tab-content">
                    <div class="paddingd10">
                    	<div class="alert alert-info" role="alert">
                       		<i class="fa fa-lightbulb-o fa-lg"></i>
                       		<span id="depInterDesc"></span>
                       	</div>
                       	<div class="row">
                       		<div class="col-xs-6">
                       			<div id="pie3" style="height: 350px;"></div>
                       		</div>
                       		<div class="col-xs-6" >
                       			<div id="pie4" style="height: 350px;"></div>
                       		</div>
                       	</div>
                       	<!-- <div id="pie3" style="width:450px;height: 350px;float: left;"></div>
                       	<div id="pie4" style="width:450px;height: 350px;float: left; margin-left: 60px;"></div> -->
                       	<table id="specialDetailkeshidistribute" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info" >
                       		<caption class="contaotalsccq" >DRG病组科室分布表</caption>
                       		<thead><tr><td>科室</td><td>DRGs组数</td><td>理论DRGs组数</td><td>DRGs组数占比(%)</td><td>CMI值</td><td>病例数</td><td>病例数专业内占比(%)</td>
                       		<td>总权重</td><td>总权重专业内占比(%)</td><td>时间消耗指数</td><td>费用消耗指数</td><td>低风险死亡率(%)</td><td>中低风险死亡率(%)</td></tr></thead>
                       		<tbody></tbody>
                       	</table>
                    </div>
                </div>
            </div>
         </div>
    </div>
	<div class="row rowhcq">
        <div class="col-xs-12">
            <!-- 单个模块下包含二级模块，并且二级模块带标签页的，echarts+datatables左图右表示例 ECQ -->
          	<div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-star"></i>发展建议</div>
                <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
                <div class="boxr">
                    <div class="sw"></div>
                </div>
                <div class="clearfix"></div>
                <div class="tab-content" id="depsAdvantage">
                	<div class="alert alert-info" role="alert">
                       	<i class="fa fa-lightbulb-o fa-lg"></i>
                		结合本专业DRG病组开展情况，诊疗效率及质量等方面的因素，建议（<span id="depsAdvantageId"></span>）重点收治本专业内疾病病例，同时将本专业内DRG病组分为保持优势、弥补不足和引导发展三种类型，不同类型的DRGs病组采取不同的发展手段。
                	</div>
                	<!-- <div class="slideBox">
						<ul class="items">
						</ul>
					</div> -->

					<!-- 科室轮播 -->
					<div id="carousel-dep" class="carousel slide" data-ride="carousel">
					  <!-- Wrapper for slides -->
					  <div id="carousel-inner" class="carousel-inner" role="listbox"></div>

					  <!-- Controls -->
					  <!-- <a class="left carousel-control" href="#carousel-dep" role="button" data-slide="prev">
					    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					    <span class="sr-only">Previous</span>
					  </a>
					  <a class="right carousel-control" href="#carousel-dep" role="button" data-slide="next">
					    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					    <span class="sr-only">Next</span>
					  </a> -->
					</div>

                </div>
        	</div>
        </div>
    </div>
	<div class="row rowhcq">
        <div id="trendChangeDiv" class="col-xs-12">
          	<!-- 单个模块下包含二级模块，并且二级模块带标签页的，echarts+datatables左图右表示例 ECQ -->
        	<div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-line-chart"></i>变化趋势</div>
                <ul class="nav nav-tabs boxnavcq" role="tablist">
	               	<li role="presentation" class="active">
	               		<a href="#halfYearTrend" role="tab" data-toggle="tab">半年</a>
	               	</li>
	               	<li role="presentation">
	               		<a href="#yearTrend" role="tab" data-toggle="tab">年度</a>
	               	</li>
                </ul>
                <div class="clearfix"></div>
                <div class="tab-content">
	            	<div role="tabpanel" class="tab-pane active" id="halfYearTrend">
						<div class="paddingd10">
							<div class="tabconti" id="cn2">指标趋势</div>
							<ul class="nav nav-tabs tabconulcq" role="tablist">
							</ul>
							<div class="clearfix"></div>
							<div class="tab-content">
							</div>
						</div>
						<div class="paddingd10">
							<div class="tabconti" id="trendHalfYearTable">指标表</div>
							<ul class="nav nav-tabs tabconulcq" role="tablist">
							</ul>
							<div class="clearfix"></div>
							<div class="tab-content">
								<div style="padding: 0 0 0 10px">
				               		<table id="halfYearTrend-table" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info">
				               			<thead><tr></tr></thead>
				               			<tbody></tbody>
				               		</table>
	               				</div>
							</div>
						</div>
	               	</div>
               		<div role="tabpanel" class="tab-pane" id="yearTrend">
               			<div class="paddingd10">
							<div class="tabconti" id="cn2">指标趋势</div>
							<ul class="nav nav-tabs tabconulcq" role="tablist">
							</ul>
							<div class="clearfix"></div>
							<div class="tab-content">
							</div>
						</div>
						<div class="paddingd10">
							<div class="tabconti" id="trendYearTable">指标表</div>
							<ul class="nav nav-tabs tabconulcq" role="tablist">
							</ul>
							<div class="clearfix"></div>
							<div class="tab-content">
								<div style="padding: 0 0 0 10px">
				               		<table id="yearTrend-table" class="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info">
				               			<thead><tr></tr></thead>
				               			<tbody></tbody>
				               		</table>
	               				</div>
							</div>
						</div>
                   </div>
    		</div>
    	</div>
	</div>
</body>
</html>